<div class="layuimini-container layuimini-page-anim">
    <div class="layuimini-main">
        <form class="layui-form layui-form-pane">
            <input type="hidden" name="projectid" value="<{$projectid}>" />
            <div class="layui-form-item">
                <label class="layui-form-label">源IP</label>
                <div class="layui-input-block">
                    <input type="text" name="source_ip" value="<{if isset($data)}><{$data->source_ip}><{/if}>"
                           lay-verify="required" placeholder="源IP" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">源端口</label>
                <div class="layui-input-block">
                    <input type="text" name="source_port" value="<{if isset($data)}><{$data->source_port}><{/if}>"
                           lay-verify="required" placeholder="源IP" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">监听端口</label>
                <div class="layui-input-block">
                    <input type="text" name="target_port" value="<{if isset($data)}><{$data->target_port}><{/if}>"
                           lay-verify="required" placeholder="源IP" autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item layui-hide">
                <input type="button" lay-submit lay-filter="form-submit" id="form-submit"
                       value="确认">
            </div>
        </form>
    </div>
</div>
<script>
    layui.use(['form', 'element'], function () {
        var $ = layui.$
            , form = layui.form
            , element = layui.element;

        form.render();
        // 当前弹出层，防止ID被覆盖
        var parentIndex = layer.index;
        //监听提交
        form.on('submit(form-submit)', function (data) {
            var field = data.field; //获取提交的字段

            //提交 Ajax 成功后，关闭当前弹层并重载表格
            //$.ajax({});
            $.post('/<{$module}>/<{$controller}>/<{$action}>/id/<{if isset($data)}><{$data->id}><{/if}>?isajax=1&projectid=<{$projectid}>', field, function (res) {
                if (res.code == 0) {
                    //ok
                    layui.table.reload('<{$table}>_table-page'); //重载表格
                    layer.close(parentIndex); //再执行关闭
                } else {
                    layer.msg(res.msg);
                }
            }, 'json')
        });
    })
</script>